<!--<template>-->
<!--  <div id="app">-->
<!--    <h1>Vue2 JSON Formatter Demo</h1>-->
<!--    <json-formatter :json-data="sampleData" />-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import JsonFormatter from '@/components/JsonFormatter.vue'-->

<!--export default {-->
<!--  name: 'App',-->
<!--  components: {-->
<!--    JsonFormatter-->
<!--  },-->
<!--  data() {-->
<!--    return {-->
<!--      sampleData: {-->
<!--        "name": "Vue JSON Formatter",-->
<!--        "version": 2,-->
<!--        "features": ["Syntax Highlighting", "Collapsible Nodes", "Vue2 Component"],-->
<!--        "config": {-->
<!--          "indent": 2,-->
<!--          "darkMode": true-->
<!--        },-->
<!--        "active": true,-->
<!--        "metadata": null-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style>-->
<!--#app {-->
<!--  font-family: Avenir, Helvetica, Arial, sans-serif;-->
<!--  //text-align: center;-->
<!--  color: #2c3e50;-->
<!--  margin-top: 60px;-->
<!--}-->
<!--</style>-->
